<div class="wrapper-md">
    <div class="panel panel-default">
        <ng-form name="archModelForm" class="form-horizontal form-validation">
            <div class="panel-heading">
                <h1 class="m-n font-thin h3">创建模型</h1>
            </div>
            <div class="panel-body">
                <div class="form-group ">
                    <div class="col-sm-6">
                        <label class="col-md-3 control-label">
                            <span class="text-danger">*</span>
                            <span translate="workflow.model.category"></span>
                        </label>
                        <div class="col-md-8">
                            <select class="input form-control inline v-middle" ng-model="vm.model.category" required>
                            <option value="">请选择</option>
                            <option ng-repeat="category in vm.categorys" value="{{category.value}}">{{category.name}}</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <label class="col-md-3 control-label">
                            <!--<span class="text-danger">*</span>-->
                            <span translate="workflow.model.name"></span>
                        </label>
                        <div class="col-md-8">
                            <input type="text" class="form-control" ng-model="vm.model.name"
                                   
                                   maxlength="32" required/>
                        </div>
                    </div>
                </div>
                <div class="form-group ">
                    <div class="col-sm-6">
                        <label class="col-md-3 control-label">
                            <span class="text-danger">*</span>
                            <span translate="workflow.model.key"></span>
                        </label>
                        <div class="col-md-8">
                            <input type="text" class="form-control" ng-model="vm.model.key"
                                   
                                   maxlength="32" required/>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <label class="col-md-3 control-label">
                            <!--<span class="text-danger">*</span>-->
                            <span translate="workflow.model.description"></span>
                        </label>
                        <div class="col-md-8">
                            <input type="text" class="form-control" ng-model="vm.model.description"
                                   
                                   maxlength="32" required/>
                        </div>
                    </div>
                </div>
            </div>
            <footer class="panel-footer text-right bg-light lter">
                <button type="button" class="btn btn-default" ng-click="vm.cancelModel()" translate="common.cancel"></button>
                <button type="button" class="btn btn-primary" ng-click="vm.creatModel()" ng-disabled="archModelForm.$invalid"
                        translate="common.confirm"></button>
            </footer>
        </ng-form>
    </div>
</div>